@extends('home.layout')

@section('topbanner')

@endsection

@section('content')
    <div class="m-tab">
        <div class="m-title">
            <a href="{{ $currentUrl }}">
                <h3>{{ $pCategoryDetail->title }}</h3></a>
            <div class="btn">
                @foreach($childCategoryList as $key=>$value)
                    <a href="{{ get_home_url($value->document_type.'/list/'.$oneCateId.'/'.$value->id) }}" class="@if($value->id == $twoCateId) z-cur @endif">{{ $value->title }}</a>
                @endforeach
            </div>
        </div>

        <div class="m-context">
            <div class="w1002 f-oh">
                <ul class="m-lst">
                    @include('home.'.$template.'_list')
                </ul>
            </div>
        </div>
    </div>
@endsection

@section('style')
    <style type="text/css">
        html,body{margin:0;padding:0;}
        .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
        .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
    </style>
@endsection

@section('script')
    <script type="text/javascript">
        $('.m-topbanner,.m-pic-change').height($(window).height()-130);
        $(window).resize(function(){
            $('.m-topbanner,.m-pic-change').height($(window).height()-130);
        })
        $(function(){
            jQuery('#slide').slide({titOnClassName:'z-cur',vis:1,mainCell:'.m-showpic',autoPlay:true,effect:"fade",autoPage:true,titCell:".hd ul"});

            $("#nav").stick_in_parent({
                parent: "body",
                spacer: ".m-nav"
            });
        })
    </script>
@endsection